{% extends "main.html" %}
{% block title %}Create HIT Template{% endblock %}
{% block head %}
<script type="text/javascript" src="/js/getCampaign.js"></script>
{% endblock %}

{% block pageHeader %}
{% include "templates/navigation.html" %}
{% endblock %}

{% block content %}
<h1>Create a Content Request</h1>
<p class="intro">Welcome! You can edit one of your existing templates.</p>
<div class="form">
    <div class="row">
        <label class="caption" for="Client">Before you creating a content request, please select a client:</label>
        <div class="field">
            <select name="Client" id="ddl_clientkey">
                <option value="0">please choose a client</option>
                {% for client in Clients %}
                    <option value="{{ client.key }}">{{ client.ClientName }}</option>
                {% endfor %}
            </select>
        </div>
    </div>
    <div class="row">
        <label class="caption" for="campaign">Before you creating a content request, please select a campain:</label>
        <div class="field">
            <select name="Campaign" id="ddl_campaignkey">

            </select>
        </div>
    </div>
</div>

<div class="yourHITTemplates">
    <table>
        <caption>Your HIT Templates</caption>
        <tr>
            <th>HIT Template Name</th>
            <th>HIT Title</th>
            <th>Creation Date</th>
            <th>&nbsp;</th>
        </tr>
        {% for hitPropertiesTemplate in HITPropertiesTemplates %}
            <tr>
                <td>{{hitPropertiesTemplate.TemplateName}}</td>
                <td>{{hitPropertiesTemplate.Title}} Title <a href="#">See an example</a></td>
                <td>December 19, 2010</td>
                <td><a href="/get/hpt?hpid={{hitPropertiesTemplate.key}}">Edit</a></td>
            </tr>
        {% endfor %}
        <tr>
            <td>Blank Template</td>
            <td>Default Title <a href="#">See an example</a></td>
            <td>December 19, 2010</td>
            <td><a href="#">Edit</a></td>
        </tr>
    </table>
</div>

<p>Or, create a new HIT template by starting from one of the sample templates: </p>
<table class="">
    <caption>Sample HIT Templates</caption>
    <tr>
        <th>
            HIT Template Name
        </th>
        <th>
            HIT Title
        </th>
        <th>
            &nbsp;
        </th>
    </tr>
    <tr>
        <td>
            Blank Template
        </td>
        <td>
            Default Title <a href="#">See an example</a>
        </td>
        <td>
            <a href="#">Start with this template</a>
        </td>
    </tr>
</table>
{% endblock %}

{% block footer %}
{% include "templates/copyright.html" %}
{% endblock %}
